import Vue from 'vue'
import Axios from 'axios'
import {Message} from 'element-ui'
import store from '../store'
import router from '../router'

const instance = Axios.create({
    baseURL: 'http://localhost:8888/api/private/v1/',
    timeout: 20000
})

// 添加请求拦截器
instance.interceptors.request.use(function (config) {
    // 在发送请求之前做些什么
    if(store.state.token){
        config.headers.Authorization = store.state.token
    }
    return config;
  }, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
  });

// 添加响应拦截器
instance.interceptors.response.use(function (response) {
    // 对响应数据做点什么
    if(response.data.meta.msg === '无效token') {
        router.replace({
            name: 'login'
        })
    }
    return response;
  }, function (error) {
    // 对响应错误做点什么
    return Promise.reject(error);
  });

export default function http(url, data, method, params){
    return instance({
        url,
        data,
        method,
        params
    }).then(res => {
        console.log(res)
        if(res.data.meta.status >= 200 && res.data.meta.status < 300) {
            return Promise.resolve(res.data)
        }else {
            return Promise.reject(res.data.meta.msg)
        }
    }).catch(err => {
        Message.error(err)
    })
}